<!DOCTYPE html>
<html  xmlns="http://www.w3.org/1999/xhtml"
	   xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8" />
	<title>视频设备管理</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}" >
</head>
<body  class="" >
<!--头部-->
<header th:replace="common/head" >
</header>
<!-- 页面指向 -->
<div class="page-point bg-white">
	<ul>
		<li>首页</li>
		<li>视频监控</li>
		<li>视频设备管理</li>
	</ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left" >
</div>
<!--主体内容-->
<div class="page-container">

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12">
			<h2 class="page-section-title">查询条件</h2>
		</div>
	</div>

	<div class="container-fluid query-frame-wrap mb-10 clearfix">
		<div class="col-lg-3">
			<div class="query-frame">
				<label>视频设备编号</label>
				<input autocomplete="new-password" type="text" class="form-control queryVideoIndex" id="VideoManageCode"/>
			</div>
		</div>
		<div class="col-lg-3 col-lg-offset-6">
			<div class="query-frame query-button">
				<img th:src="@{/image/search.png}" id="queryVideoIndex"/>
				<img th:src="@{/image/rest.png}" id="resetVideoIndex" />
			</div>
		</div>
	</div>

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12 rlt">
			<h2 class="page-section-title">视频设备列表</h2>
			<ul class="table-tool clearfix">
				<li   id="addVideoManage">
					<span class="icon-list_add" aria-hidden="true"></span>
					<label>新增</label>
				</li>
				<li   id="updateVideoManage">
					<span class="icon-list_xiugai" aria-hidden="true" ></span>
					<label>修改</label>
				</li>
				<li id="delVideoManage">
					<span class="icon-list_shanchu" aria-hidden="true"></span>
					<label>删除</label>
				</li>
				<li  id="refreshVideoManage">
					<span class="icon-list_shuaxin" aria-hidden="true"></span>
					<label>刷新</label>
				</li>
			</ul>
		</div>
	</div>

	<div class="container-fluid table-container">
		<table id="videoManageTable">

		</table>
	</div>
</div>

<!--模态框-表单验证和文件上传-->
<form  method="post" role="form" class="form form-horizontal videoManageForm" action="">
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title title">新增</h4>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-lg-12">

							<div class="form-group">
								<label class="col-lg-3 control-label form-required form-required-6">视频设备编号</label>
								<div class="col-lg-7">
									<input autocomplete="new-password" class="form-control" type="text" name="code"  value="" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-lg-3 control-label form-required form-required-6">视频设备名称</label>
								<div class="col-lg-7">
									<input autocomplete="new-password" class="form-control" type="text" name="name"  value="" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-lg-3 control-label form-required form-required-5">设备供应商</label>
								<div class="col-lg-7">
									<input autocomplete="new-password" class="form-control" type="text" name="modelSupplier"  value="" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-lg-3 control-label form-required form-required-4">设备型号</label>
								<div class="col-lg-7">
									<input autocomplete="new-password" class="form-control" type="text" name="modelName"  value="" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-lg-3 control-label ">分辨率</label>
								<div class="col-lg-7">
									<input autocomplete="new-password" class="form-control" type="text" name="resolution" value="" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-lg-3 control-label">视频帧率</label>
								<div class="col-lg-7">
									<input autocomplete="new-password" class="form-control" type="text" name="frameRate" value="" />
								</div>
							</div>
							<!-- 隐藏唯一id -->

							<input autocomplete="new-password" type="hidden" name="pkId" value="" />

						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" id="btn_submit" class="btn btn-default sure yes" data-dismiss="modal">保存</button>
					<button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
				</div>
			</div>
		</div>
	</div>
</form>
<div th:replace="common/foot">
</div>
<script th:src="@{/js/video/videoManage.js}"></script>
</body>
</html>

<!-- 模态框（Modal） -->
<!--新增-->
<!--新增-->


	



